<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" type="text/css" href="29网页练习.css">
</head>
<body>
	<div class="box">
		<img src="../image/下厨房.png" title="下厨房" alt="下厨房">
		<div class="only">
			<form>
				<input type="text" name="" placeholder="搜索菜谱、食材">
			</form>
		</div>
		<div class="tow">搜菜谱</div>
		<p>首页</p>
		<p>菜谱分类</p>
		<p>菜单</p>
		<p>作品动态</p>
		<p>登录</p>
		<p>注册</p>
	</div>
	<hr style="height: 2px; margin-bottom: 30px;">
	<div class="a clearFix">
		<h1>按照菜谱，秀出你的作品</h1>
		<p>正在流行</p>
		<p>24小时最佳</p><br>
		<div class="c">
			<img src="https://i2.chuimg.com/246eb79eda2b4484958cf12f84941196_1080w_607h.jpg?imageView2/1/w/280/h/280/interlace/1/q/75">
			<p>2025年07月14日</p>
			<p>晚餐：尖椒炒肥肠、素炒菠菜苗#晚餐·2025年7月14日#</p>
			<p>昨天17：29</p>
			<div class="cb"></div>
			<div class="bc">厨房重地<span style="color: #eee; font-size: 12px;">(北京，上海)</span></div>
		</div>
		<div class="d">
			<img src="https://i2.chuimg.com/ca0a765d9a3348f49d6638e1685de824_1000w_1332h.jpg?imageView2/1/w/280/h/280/interlace/1/q/75">
			<p>凉拌玉米|清爽又百搭！可以···</p>
			<p>天热简单吃 早上好 / #早餐・2025 年 7 月 15 日 ## 米面。家常味 #</p>
			<p>9 小时前</p>
			<div class="cd"></div>
			<div class="bc">闲人免进<span style="color: #eee; font-size: 12px;">(山东，河北)</span></div>
		</div>
		<div class="c">
			<img src="https://i2.chuimg.com/c84e9d691db54570bf761d2b5ce22288_1080w_810h.jpg?imageView2/1/w/280/h/280/interlace/1/q/75">
			<p>晚餐·2025年7月14日</p>
			<p># 晚餐・2025 年 7 月 14 日 #一早赶在高温前去大菜市买了两大包食材。回来吃了早饭开</p>
			<p>昨天 19:21</p>
			<div class="cc"></div>
			<div class="bc">今天加餐<span style="color: #eee; font-size: 12px;">(广东，深圳)</span></div>
		</div>
	</div>
</body>
</html>